<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>权限维护</title>
<link rel="stylesheet" href="${path}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${path}/css/system.css">
<link rel="stylesheet" href="${path}/z-tree/zTreeStyle/zTreeStyle.css">
<script src="${path}/bootstrap/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${path}/bootstrap/js/bootstrap.min.js"></script>

<script src="${path}/z-tree/jquery.ztree.all-3.5.min.js"></script>
</head>
<body>
	<div class="container-fluid" >
		<div>
			<ol class="breadcrumb">
			  <li><a href="#">当前位置:主页</a></li>
			  <li><a href="#">角色管理</a></li>
			  <li class="active">权限维护</li>
			</ol>		
			
			<div class="show_tree">
				<ul id="privilegeTree" class="ztree"></ul>
				<a href="#" class="btn btn-xs btn-info save" type="button">保存</a>
				<a href="#" class="btn btn-xs btn-info back" type="button">返回</a>
			</div>
		</div>
	</div>
</body>
<SCRIPT type="text/javascript">
		//初始化数据
		var setting = {
			check: {
				enable: true
			},
			data: {
				simpleData: {
					enable: true
				}
			}
		};
		//插件数据
		var zNodes =[
			{ id:1, pId:0, name:"系统管理",checked:true,open:true},
			{ id:2, pId:0, name:"个人信息",checked:true,open:true},
			{ id:3, pId:1, name:"用户管理",checked:true,open:true},
			{ id:4, pId:1, name:"角色管理",checked:true,open:true},
			{ id:6, pId:2, name:"查看个人信息"},
			{ id:7, pId:2, name:"修改个人密码"},
			{ id:8, pId:3, name:"用户添加"},
			{ id:9, pId:3, name:"用户删除"},
			{ id:10, pId:3, name:"用户修改"},
			{ id:11, pId:3, name:"用户查询"},
			{ id:12, pId:4, name:"角色添加"},
			{ id:13, pId:4, name:"角色删除"},
			{ id:14, pId:4, name:"角色修改"},
			{ id:15, pId:4, name:"角色查询"},
			{ id:16, pId:4, name:"权限维护"}
		];
		//加载树形菜单
		$(document).ready(function(){
			$.fn.zTree.init($("#privilegeTree"), setting, zNodes);
		});
	
</SCRIPT>
</html>